body{width: 100%;overflow-x: hidden;}
.main{padding-bottom: 50px;}
.topTitle{padding: 15px 0;position: relative;background-color: #69abf5;border-bottom: 1px solid #ccc;color: #fff;}
.topTitle p{text-align: center;font-size: 16px;}
.main .topTitle div{font-size: 16px;position: absolute;right: 15px;top: 15px;}
.main .topTitle i{position: absolute;left: 15px;top: 15px;font-size: 20px;}
.main .selectType{background-color: #fff;}
.main .selectType > p{padding-left: 10px;padding-top: 10px;}
.main .selectTypeBox{position: relative;padding: 15px 0;border-bottom: 1px solid #ccc;}
.main .selectTypeBox:nth-of-type(1){display: none;}
.main .selectTypeBox p:nth-of-type(1){float: left;margin-left: 10px;margin-top: 2px;}
.main .selectTypeBox p:nth-of-type(2){float: right;color: #999999;margin-right: 5px;margin-top: 2px;}
.main .selectTypeBox > i{float: right;color: #ccc;margin-top: 2px;margin-right: 10px;}
.main .selectTypeBox textarea{border: none;resize: none;width: 100%;height: 150px;padding: 10px 15px;box-sizing: border-box;}
.main .selectTypeBox span{position: absolute;right: 10px;bottom:10px;color: #ccc;}
#upload .imgbox{position: relative;float:left;width: 20%;margin-left: 15px;}
#upload .imgbox i{position: absolute;top:0;right:0;width: 20px;height: 20px;font-style: normal;background-color: #000;color: #fff;font-size: 12px;text-align: center;line-height: 21px;}
#upload .imgbox img{display: block;width: 100%;height: 100%;}
#upload #imgbox .icon{position: relative;width: 100%;box-sizing: border-box;border: 1px solid #ccc;}
#upload #imgbox #up{background:none;color: #999;position:absolute;font-size: 18px;left: 0;right: 0;bottom: 0;top: 0;margin: auto;width: 20px;height: 20px;}
#upload #imgbox{width: 20%;margin-left: 15px;float: left;position: relative;}
#upload #imgbox input{opacity: 0;position: absolute;top: 0;width: 100%;}
.bottom{position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fcfcfc;}
.bottom span{float: left;width: 50%;box-sizing: border-box;text-align: center;padding: 15px 0;}
.bottom span.on{background-color: #69abf5;color: #fff;}
.databox{width:100%;height: 100%;background-color: rgba(0,0,0,0.5);position: fixed;top:0;left:0;display: none;}
.data{width: 100%;box-sizing: border-box;height: 280px;position: absolute;bottom: 0;left: 0;background-color: #fff;transform: translate3d(0,100%,0);transition: 0.2s;}
.data.active{transform: translate3d(0,0,0)}
.databox .data .title{text-align: center;padding: 10px 0;font-size: 16px;}
.databox .data .list{padding: 0 15px 50px 15px;overflow-y: auto;}
.databox .data .list ul li{padding: 8px 0;border-bottom: 1px solid #e4e4e4;}
.databox .data .list ul li:last-child{border-bottom: none;}
.databox .data .list ul li p{float: left;}
.databox .data .list ul li span{float: right;width: 18px;height: 18px;border-radius: 50%;border: 1px solid #ccc;text-align: center;}
.databox .data .list ul li span i{font-size: 12px;color: #fff;line-height: 18px;}
.databox .data .close{background-color: #69abf5;text-align: center;padding:12px 0;color: #fff;position: absolute;bottom: 0;width: 100%;}
.photoBox{position: fixed;width: 100%;height: 100%;left:0;top:0;background-color: rgba(0,0,0,0.5);z-index: 10;display: none;}
.photo{position: fixed;bottom: -100%;width: 100%;background-color: #fff;text-align: center;border-top-left-radius:5px;border-top-right-radius: 5px;z-index: 100;transition: 0.3s;}
.photo span{display:block;height: 40px;line-height: 40px;}
#page{position: fixed;bottom: 50px;right: 10px;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #69abf5;}

.history{display: none;}
.history .table{width: 100%;overflow-x: auto;}
.history .layui-table{min-width: 550px;}
.history .layui-table th{text-align: center;font-weight: normal;color: #666666;}
.history .layui-table tbody tr td{font-size: 14px;text-align: center;}
.layui-table{margin: 0;}
.layui-table tbody tr:hover{background-color: #fff;}
.layui-table th{border-color:#e2e2e2;}
